# Lista estructurada / Structured list

### Código

```
<structured list></structured list>
```

### Tokens

**Color**

| Class                                  | Property      | Color token |
| :------------------------------------- | :------------ | :---------- |
| `.bx--structured-list-th`              | text color    | `$text-01`  |
| `.bx--structured-list-td`              | text color    | `$text-02`  |
| `.bx--structured-list-row--header-row` | border-bottom | `$ui-03`    |
| `.bx--structured-list-row`             | border-bottom | `$ui-03`    |

| Class                                | Property         | Color token    |
| :----------------------------------- | :--------------- | :------------- |
| `.bx--structured-list-row--selected` | background-color | `$selected-ui` |
| `.bx--structured-list-svg:checked`   | fill             | `$ui-05`       |
| `.bx--structured-list-row:hover`     | background-color | `$hover-row`   |
| `.bx--structured-list-svg:hover`     | fill             | `$ui-04`       |
| `.bx--structured-list-row:focus`     | border           | `$focus`       |

**Tipografía**

| Property                  | Type token      |
| :------------------------ | :-------------- |
| `.bx--structured-list-th` | `$heading-01`   |
| `.bx--structured-list`    | `$body-long-01` |

**Estructura**

| Property                   | Property                    | Spacing token |
| :------------------------- | :-------------------------- | :------------ |
| `.bx--structured-list`     | min-width                   | –             |
| `.bx--structured-list`     | min-width                   | –             |
| `.bx--structured-list-th`  | padding-top                 | `$spacing-05` |
| `.bx--structured-list-th`  | padding-bottom              | `$spacing-03` |
| `.bx--structured-list-th`  | padding-left, padding-right | `$spacing-05` |
| `.bx--structured-list-td`  | padding-top                 | `$spacing-05` |
| `.bx--structured-list-td`  | padding-bottom              | `$spacing-06` |
| `.bx--structured-list-td`  | padding-left, padding-right | `$spacing-05` |
| `.bx--structured-list-svg` | height, width               | –             |